<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>淘淘后台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet"
          href="/layui/css/layui.css">
    <link rel="stylesheet"
          href="/css/statistics.css">
    <script type="text/javascript" src="/js/echarts.js"></script>
    <script type="text/javascript" src="/js/jquery-2.1.0.min.js"></script>
    <script src="/layui/layui.js"></script>

    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=KOVLeZR66FOuT9t9uws2snIplZADWXKz"></script>
    <script type="text/javascript" src="/js/statistics.js"></script>
    <style type="text/css">
        html, body {
            margin: 0;
            padding: 0;
        }

        /*.iw_poi_title {
            color: #CC5522;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            padding-right: 13px;
            white-space: nowrap
        }

        .iw_poi_content {
            font: 12px arial, sans-serif;
            overflow: visible;
            padding-top: 4px;
            white-space: -moz-pre-wrap;
            word-wrap: break-word
        }*/
    </style>


</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>统计面板</legend>
</fieldset>

<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">访问量&nbsp;&nbsp</div>
                <div class="layui-card-body">
                    99999<br>
                    总访问量
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">每天收入&nbsp;&nbsp天</div>
                <div class="layui-card-body">
                    5000<br>
                    总收入
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">用户总数&nbsp;&nbsp月</div>
                <div class="layui-card-body">
                    8000<br>
                    总用户数
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">新增用户&nbsp;&nbsp天</div>
                <div class="layui-card-body">
                    16<br>新增人数
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">商品分类统计</div>
                <div class="layui-card-body " id="myChart" style="height:500px;">
                    统计图

                </div>
            </div>
        </div>

        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">当前地址</div>
                <div class="layui-card-body" style="height:500px;">


                    <div id="container"></div>
                    <p>点击标注点，可查看由纯文本构成的简单型信息窗口</p>
                </div>
            </div>
        </div>
    </div>


</div>


</body>

</html>
